<style scoped>
	html,body{
		width: 100%;
		height: 100%;
		overflow: scroll;
		margin:0;
		padding:0;
		font-size: 16px;
	}
	.swiper{
		position: absolute;
		z-index: 0;
		top:0;
		height:25%;
		width: 100%;
	}
	.search{
    margin-top: 15px;
	}
	.placelist{
		margin-top: 30%;
	}
	.publishbtn{
		background: #FD8C25;
    color: white;
    width: 100%;
    height: 64px;
    font-size: 24px;
	}
</style>
<style>
	body{
		background-color:#F4F4F4;
	}
</style>
<template>
	<div class="search">
		<search></search>
	</div>
	<div class="swiper">
		<swiper></swiper>
	</div>
	<div class="placelist">
		<placelist></placelist>
	</div>
	<button class="publishbtn" @click="sendcamp">发布营地</button>
</template>
<script type="text/javascript">
var search = require('../component/search.vue');
var swiper = require('../component/swiper.vue');
var placelist = require('../component/placelist.vue');
module.exports = {
	data:function(){
		return{

		}
	},
	
	ready(){
		var jssdk = require('../utils/jssdk.js');
		jssdk(this);
	},
	methods:{
		sendcamp:function(){
			this.$router.go({path:"/sendcamp"})
		}
	},
	components:{
		"search":search,
		"swiper":swiper,
		"placelist":placelist,
	}
}
</script>
